<template>
	<div>
		<div class="header">
			<img @click="back" src="../../assets/nav_back.png"/>
			<span>公告详情</span>
			<span class="img"></span>
		</div>
		<div v-for="(i,index) in lists" class="nav">
			<div class="title"><span></span>{{i.title}}</div>
			<div class="text">{{i.text}}</div>
		</div>
	</div>
</template>
<script>
  export default {
    data () {
      return {
        lists:[
        ]
      }
    },
    methods: {
     	back() {
			this.$router.back(-1)
		},
    }
  }
</script>
<style lang="less" scoped>
@import '../../less/config.less';
.header{
	padding:0 @p30;
	display: flex;
	justify-content:space-between;
	align-items: center;
	height:@hwrap;
	color:#fff;
	font-size:.48rem;
	background:#000;
	img,.img{
		width: 30px;
		height: 30px;
	}
}
img{
	display: block;
}
.nav{
	color: white;
	background: @liBg;
	margin: @fsize  @p30;
	border-radius: @fsize/2;
	padding:@p30 ;
	.title{
		font-size: @f28;
		color: white;
		span{
			display: inline-block;
			width: .16rem;
			height: .16rem;
			margin-right: @fsize;
			background: #FFDD25;
			border-radius: 50%;
		}
	}
	.text{
		margin-top:@p30;
		font-size: @f24;
		color: #999;
	}
	
}
</style>